<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>

		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

		<title>微光协同办公平台-会议列表</title>
		<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
		<link th:href="@{/css/font-awesome.css}" rel="stylesheet"/>
		<link th:href="@{/css/plugins/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>
		<link th:href="@{/css/animate.css}" rel="stylesheet"/>
		<link th:href="@{/css/style.css}" rel="stylesheet"/>


	</head>

	<body onload="init()">

		<div class="col-sm-12">
			<!-- Example Events -->
			<div class="example-wrap">
				<div class="example">
					
					<!--<div class="btn-group hidden-xs" id="exampleTableEventsToolbar" role="group">-->
						<!--<button type="button" class="btn btn-outline btn-default" onclick="add()">-->
                                        <!--<i class="glyphicon glyphicon-plus" aria-hidden="true"></i>-->
                                    <!--</button>-->
						<!--<button type="button" class="btn btn-outline btn-default" onclick="modfiy()">-->
                                        <!--<i class="glyphicon glyphicon-edit" aria-hidden="true"></i>-->
                                    <!--</button>-->
						<!--<button type="button" class="btn btn-outline btn-default" onclick="deleteMsg()">-->
                                        <!--<i class="glyphicon glyphicon-trash" aria-hidden="true"></i>-->
                                    <!--</button>-->
					<!--</div>-->
					<table id="exampleTableEvents" data-height="400" data-mobile-responsive="true">
						<thead>
							<tr>
								<th data-field="userName">姓名</th>
								<th data-field="deptName">部门</th>
								<th data-field="roleName" data-formatter="roleFormatter">职位</th>
								<th data-field="userPhone" data-formatter="telFormatter">电话</th>
								<th data-field="userEmail" data-formatter="emailFormatter">邮箱</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
			<!-- End Example Events -->
		</div>
	</body>
	<!-- 全局js -->
	<script th:src="@{/js/jquery.min.js}"></script>
	<script th:src="@{/js/bootstrap.min.js}"></script>

	<!-- 自定义js -->
	<script th:src="@{/js/content.js}"></script>

	<!-- Bootstrap table -->
	<script th:src="@{/js/plugins/bootstrap-table/bootstrap-table.min.js}"></script>
	<script th:src="@{/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js}"></script>
	<script th:src="@{/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>

	<!--layer-->
	<script th:src="@{/js/plugins/layer/layer.min.js}"></script>
	<script th:src="@{/js/jquery.form.js}"></script>
	<script th:src="@{/js/demo/address_list_table.js}"></script>
	<script th:inline="javascript">
		function init() {
		    var data=[[${userRoleAssociations}]];
            $('#exampleTableEvents').bootstrapTable({
                data: data,
                search: true,
                pagination: true,
                showRefresh: true,
                showToggle: true,
                showColumns: true,
                iconSize: 'outline',
                toolbar: '#exampleTableEventsToolbar',
                icons: {
                    refresh: 'glyphicon-repeat',
                    toggle: 'glyphicon-list-alt',
                    columns: 'glyphicon-list'
                }
            });
        }
	</script>
</html>